﻿ /**
 * @Description: the styles of ZUK手机官网-购物部分
 * @Authors    : bradenhan (bradenhan@126.com)
 * @Date       : 2015-07-12 16:10:00
 * @Version    : 1.0
 */

/* empty-cart-box */
.empty-cart-box{margin: 36px 0 0; padding: 60px 0 60px; border: 1px solid #e4e4e4; background: #fff;}
.empty-cart-box .empty-cart-icon,.empty-cart-box .order-cancle,
.empty-cart-box .order-complete,.empty-cart-box .alert-cart-icon{display: block; width: 420px; height: 340px; margin: 0 auto; background: url(../Images/emptycart-bg.png) no-repeat center; font: 0/0 arial;}
.empty-cart-box p{height: 24px; margin: 15px 0 0 0; color: #999; font-size: 14px; line-height: 24px; text-align: center;}
.empty-cart-box .buy-button{display: block; width: 180px; height: 50px; overflow: hidden; margin: 25px 0 0 460px; background: #1499f7; -wenkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; text-align: center; line-height: 50px;}
.empty-cart-box .buy-button:hover{ background-color: #0488e4; color: #fff; text-decoration: none;}
.empty-cart-box .order-cancle{ background: url(../Images/order-cancle.png) no-repeat; width: 284px; height: 330px;}
.empty-cart-box .order-complete{ background: url(../Images/order-complete.png) no-repeat; width: 284px; height: 330px;}
.empty-cart-box .alert-cart-icon{ background: url(../Images/wrong-page-icon.png) no-repeat 0 40px; width: 283px; height: 251px; margin:0 auto; padding-top: 40px;}

/* select */
.select{position: relative; float: left; width: 181px; height: 36px; margin: 0 12px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; color: #999; line-height: 36px; cursor: pointer;}
.select .select-trigger{position: relative; z-index: 10; display: block; height: 36px; overflow: hidden; padding: 0 24px 0 14px; color: #999; font-size: 14px;}
.select .select-trigger .icon{position: absolute; top: 15px; right: 13px; width: 7px; height: 5px; overflow: hidden; background-position: -163px -30px; opacity: .6; font: 0/0 arial;}
.select .select-layerbox{display: none; position: absolute; top: 36px; left: -1px; z-index: 100; width: 181px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1);}
.select .select-layerbox .option-items{max-height: 147px; overflow-x: hidden; overflow-y: auto;}
.select .select-layerbox .option-items .icon{position: absolute; top: 11px; left: 10px; width: 10px; height: 7px; overflow: hidden; background-position:  -1600px -1000px;}
.select .select-layerbox .option-item{display: block; position: relative; padding: 0 0 0 30px; height: 28px; color: #121212; font-size: 12px; line-height: 28px;}
.select .select-layerbox .option-item:hover{background: #1497f4; color: #fff; text-decoration: none;}
.select .select-layerbox .option-items:hover .icon{ background-position: -160px -100px;}
.h-select .select-layerbox{display: block;}
.select .select-layerbox .current:hover .icon{ background-position: -160px -100px !important; }

/* progress-bar */
.progress-bar{height: 48px; margin: 36px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; background: #fff;}
.progress-bar li{position: relative; float: left; width: 366px; height: 48px; color: #999; font-size: 14px; line-height: 48px;}
.progress-bar li:first-child{-webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.progress-bar .icon{position: absolute; top: 0; right: 0; width: 13px; height: 48px; overflow: hidden; background-position: -20px -270px; font: 0/0 arial;}
.progress-bar .left-icon{display: none; right: auto; left: 0; background-position: 0 -270px;}
.progress-bar li em{position: absolute; top: 15px; left: 30px; width: 18px; height: 18px; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; background: #b3b3b3; color: #fff; font-size: 14px; line-height: 18px; text-align: center;}
.progress-bar li .progress-text{position: absolute; top: 0; left: 62px; height: 48px; font-size: 14px; line-height: 48px;}
.progress-bar .current{background: #1499f7; color: #fff;}
.progress-bar .current .icon{background-position: 0 -270px;}
.progress-bar .current .left-icon{display: block; background-position: -40px -270px;}
.progress-bar .current em{background: #fff; color: #1499f7;}
.progress-bar .done{ background-color: #FAFAFA;}
.progress-bar .done em{background: #121212; color: #fff;}
.progress-bar .progress3.current .left-icon{left: -13px;}

.progress-bar1 .progress1 .icon{ background-position: -54px -270px;}

/* shopping-cart-box */
.shopping-cart-box .shopping-cart{width: 100%; margin: 20px 0 0; border-collapse: collapse; border-spacing: 0; border: 1px solid #e4e4e4; background: #fff;}
.shopping-cart-box .shopping-cart th{height: 48px; background: #fafafa; font: normal 14px/48px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.shopping-cart-box .shopping-cart td{padding: 70px 0 36px; border-top: 1px solid #e4e4e4; vertical-align: top;}
.shopping-cart-box .shopping-cart .cell-1{width: auto; text-align: left;}
.shopping-cart-box .shopping-cart td.cell-1{ padding-top: 36px;}
.shopping-cart-box .shopping-cart .cell-2{width: 147px;}
.shopping-cart-box .shopping-cart .cell-3{width: 114px;}
.shopping-cart-box .shopping-cart .cell-4{width: 150px; text-align: center;}
.shopping-cart-box .shopping-cart .cell-5{width: 86px;}
.shopping-cart .cell-1 .th-inner{padding: 0 0 0 50px;}
.shopping-cart .cell-5 .th-inner{padding: 0 42px 0 0;}
.shopping-cart-box .shopping-cart .cell-3 .td-inner{}
.shopping-cart .product-infor{margin: -1px 0 0; padding: 0 0 0 50px; border-top: 1px solid #fff;}
.shopping-cart .product-infor .pic{float: left; margin: 0 35px 0 0;}
.shopping-cart .product-infor .product-title-box{height: 24px; max-width: 400px; overflow: hidden; margin: 27px 0 0; font-size: 14px; line-height: 24px;}
.shopping-cart .product-infor .product-title{float: left;}
.shopping-cart .label{float: left; height: 20px; margin: 2px 4px 0 12px; padding: 0 7px; -webkit-border-radius: 3px; border-radius: 3px; background: #e8372d; color: #fff; font: normal 12px/20px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.shopping-cart .give-label{background: #1194f6;}
.shopping-cart .limited-label{background: #ff6d67;}
.shopping-cart .product-infor .gifts{overflow: hidden; zoom: 1;}
.shopping-cart .gifts .gift-item{height: 20px; margin: 12px 0 0; line-height: 20px;}
.shopping-cart .gifts .gift-title{color: #999; font-size: 12px; line-height: 20px;}
.shopping-cart .gifts .gift-title:hover{color: #1499f7;}
.shopping-cart .gifts .label{float: none; display: inline-block; margin-top: 0; vertical-align: top;} 
.shopping-cart .suit-products{overflow: hidden; zoom: 1; margin: 10px 0 0;}
.shopping-cart .suit-products .suit-item{height: 26px; margin: 6px 0 0; line-height: 26px;}
.shopping-cart .suit-products .suit-item .pic{float: left; margin: 0 14px 0 0;}
.shopping-cart .suit-products .suit-title{color: #999; font-size: 12px; line-height: 26px;}
.shopping-cart .suit-products .suit-title:hover{color: #1499f7;} 
.shopping-cart .price{display: block; color: #121212; font-size: 14px; line-height: 20px; text-align: center;}
.shopping-cart del.price{color: #999;}
.shopping-cart .cell-4 .price{color: #1499f7;}
.shopping-cart .numbers-wrap{ position: relative;}
.shopping-cart .numbers-bar{width: 86px; height: 26px; overflow: hidden; margin: 0 auto;}
.shopping-cart .numbers-bar .minus,
.shopping-cart .numbers-bar .plus{float: left; width: 23px; height: 24px; border: 1px solid #ccc; font-size: 14px; line-height: 24px; text-align: center; cursor: pointer;}
.shopping-cart .numbers-bar .minus{-webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;}
.shopping-cart .numbers-bar .plus{-webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;}
.shopping-cart .numbers-bar .number-input{float: left; width: 36px; height: 24px; outline: 0 none; border: 0 none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-size: 14px; font-family: arial; line-height: 24px;}
.shopping-cart .limit-num{ position: absolute; bottom: -25px; left: 0; width: 100%; display: block; height: 22px; /*margin: 10px 0 0;*/ color: #f33; font-size: 12px; text-align: center;}
.shopping-cart-box .shopping-cart .option-bar{padding: 0 42px 0 0;}
.shopping-cart-box .shopping-cart .delete-btn{display: block; width: 13px; height: 13px; overflow: hidden; margin: 0 auto; -webkit-border-radius: 2px; border-radius: 2px; background: #e4e4e4; font: normal 12px/14px SimSun; text-align: center; cursor: pointer;}
.shopping-cart-box .shopping-cart .delete-btn:hover{background: #ccc;}
.shopping-cart-box .total-box{height: 194px; padding: 0 50px; border: 1px solid #e4e4e4; border-top: 0 none; background: #fff;}
.shopping-cart-box .total-box .submit-button-box{float: right; width: 240px; margin: 40px 0 0; text-align: right;}
.shopping-cart-box .total-box .submit-button-box p{height: 34px; color: #333; font-size: 14px; line-height: 34px;}
.shopping-cart-box .total-box .submit-button-box em{color: #1499f7; font-size: 24px; vertical-align: baseline;}
.shopping-cart-box .total-box .buy-button{display: inline-block; width: 180px; height: 50px; overflow: hidden; margin: 10px 0 0; background: #1499f7; -wenkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; text-align: center; line-height: 50px; vertical-align: middle;}
.shopping-cart-box .total-box .buy-button:hover{text-decoration: none; background-color: #0488e4;}
.shopping-cart-box .total-box .disabled,.shopping-cart-box .total-box .disabled:hover{ background-color: #b3b3b3; cursor: default;}
.shopping-cart-box .disabled-item{background: #fafafa; color: #999!important;}
.shopping-cart-box .disabled-item *,
.shopping-cart-box .disabled-item a{color: #999!important;}
.shopping-cart-box .disabled-item .product-infor{border-color: #fafafa;}
.shopping-cart-box .disabled-item .gifts .label,
.shopping-cart-box .disabled-item .limited-label{background: #b3b3b3; color: #fff!important;}

.shopping-cart-box .total-price-box{float: left;  margin: 44px 0 0;}
.shopping-cart-box .total-price-box p{height: 34px; color: #999; font-size: 14px; line-height: 34px;}
.shopping-cart-box .total-price-box p span{padding: 0 20px 0 0;}
.shopping-cart-box .total-price em{color: #121212;}
.shopping-cart-box .preferential-price em{color: #f34d32;}
.shopping-cart-box .goback-link{display: inline-block; margin: 16px 0 0; color: #1499f7; font-size: 14px; line-height: 24px; vertical-align: middle;}
.shopping-cart-box .goback-link em{font-family: SimSun;}

/* 优惠券改版 20161123 by pml */
.shopping-cart-box .coupons-box1{padding: 34px 0 34px 50px; border-bottom: 1px solid #e4e4e4;}
.coupons-head p,.coupons-head .coupons-rules,.coupons-input .tips{ background: url(../Images/coupons-icon1.png) no-repeat;}
.coupons-head .expand{ background-position: 0 -38px;}
.coupons-head{ height: 38px; line-height: 38px; background-position: 0 0;}
.coupons-head p{ padding-left: 30px; float: left; font-size: 14px; cursor: pointer;}
.coupons-head p span{ color: #ff444b;}
.coupons-head .coupons-use{ float: left; position: relative; padding: 0 90px 0 10px; border: 1px solid #1499f7; line-height: 36px; border-radius: 2px; font-size: 14px;}
.coupons-head .coupons-use span{ padding: 0 7px; color: #ff444b;}
.coupons-head .coupons-use a{ position: absolute; top: 0; right: 10px; color: #1499f7; font-size: 12px;}
.coupons-head .coupons-rules{ float: left; margin-left: 46px; padding-left: 28px; background-position: 0 -76px; color: #1499f7;}
.coupons-sort{ margin-top: 9px; width: 654px;}
.coupons-sort-tab{ position: relative; margin-bottom: -1px;}
.coupons-sort-tab span{ float: left; margin-right: 17px; width: 126px; height: 34px; border: 1px solid #E4E4E4; line-height: 34px; text-align: center; font-size: 14px; border-radius: 2px 2px 0 0; cursor: pointer;}
.coupons-sort-tab .cur{ border-bottom-color: #fff; color: #1499f7;}
.coupons-sort-cont{ border: 1px solid #e4e4e4; border-radius: 0 2px 2px 2px;}
.coupons-l{ padding: 5px 0 5px 15px;}
.coupons-l li{ line-height: 22px; height: 22px; padding: 6px 0; overflow: hidden; font-size: 14px;}
.coupons-l li span{ display: inline-block; height: 22px; vertical-align: top; overflow: hidden;}
.coupons-l li .price{ width: 90px; color: #ff444b;}
.coupons-l li .discript{ padding-right: 10px; width: 244px;}
.coupons-l li .time{ width: 220px;}
.coupons-l li .btn{ display: inline-block; width: 44px; height: 22px; background-color: #1499f7; color: #fff; text-align: center; border-radius: 2px; font-size: 12px; line-height: 22px;}
.coupons-input-box{ padding: 30px 27px 20px;}
.coupons-input{ position: relative; padding: 6px 13px; border: 1px solid #E4E4E4; height: 22px; border-radius: 2px;}
.coupons-input .text{ float: left; width: 100%; height: 22px; border: 0; font-size: 14px; line-height: 22px; outline: none;}
.coupons-input .tips{ position: absolute; padding-left: 25px; top: 6px; right: 14px; line-height: 22px; background-position: 0 -122px; color: #ff444b;}
.coupons-input-box .btn{ display: block; margin: 20px auto 0; width: 128px; height: 36px; background-color: #1499f7; text-align: center; border: 0 none; outline: none; color: #fff; font-size: 14px; border-radius: 2px; cursor: pointer; line-height: 36px;}
.coupons-input-box .btn:hover{ background-color: #0488e4;}

.no-couponsList{ padding: 20px 0; text-align: center; line-height: 22px; font-size: 14px; color: #999;}

/*.shopping-cart-box .coupons-box .select{float: none; width: 228px;}
.shopping-cart-box .coupons-box .select .select-layerbox{width: 438px; border-top: 1px solid #e4e4e4;}
.shopping-cart-box .coupons-box .select .select-trigger em{ color: #f34d32;}
.shopping-cart-box .coupons-box .option-item{height: 34px; font-size: 14px; line-height: 34px;}
.shopping-cart-box .coupons-box .option-item .icon{top: 15px;}
.shopping-cart-box .coupons-box .option-item i{font-style: normal; color: #1477f9;}
.shopping-cart-box .coupons-box .option-item:hover,
.shopping-cart-box .coupons-box .option-item:hover i{color: #fff!important;}

.shopping-cart-box .disabled-select .select .select-trigger em{ cursor: default; color: #999;}*/

/* address-form */
.address-form{padding: 6px 0 25px 50px;} 
.address-form .form-items .form-item{margin: 18px 0 0;}
.address-form .form-items .form-item:first-child{margin-top: 19px;}
.address-form .form-items .input-wrap{position: relative; float: left; margin: 0 13px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; display: block;}
.address-form .form-items input{float: left; height: 18px; width: 200px; padding: 9px 14px; outline: 0 none; -webkit-border-radius: 3px; border-radius: 3px; border: 0 none; color: #121212; font-size: 14px; line-height: 18px; font-family: 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
:-ms-input-placeholder{ color: #999 !important;}
.address-form .form-items .input-wrap .error-tip{display: none;}
.address-form .form-items .focus-wrap{border-color: #1477f9; color: #121212;}
.address-form .form-items .error-wrap{border-color: #f34d32;}
.address-form .form-items .error-wrap input{color: #121212;}
.address-form .form-items .error-wrap .error-tip{display: block; position: absolute; top: 0; right: 0; height: 36px; padding: 0 13px; background: #fff; color: #f34d32; font-size: 12px; line-height: 36px;}
.address-form .form-items .phone{width: 300px;}
.address-form .form-items .address{width: 543px;}
.address-form .default-address{display: block; height: 22px; overflow: hidden; margin: 14px 0 0; color: #121212; font-size: 12px; line-height: 22px; cursor: pointer;}
.address-form .default-address .checkbox{float: left; width: 16px; height: 16px; overflow: hidden; margin: 3px 12px 0 0; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; background: #fff;}
.address-form .checked .checkbox{background: #fff url(../Images/main-bg.png) no-repeat -67px -290px;}
.address-form .button-box{margin: 17px 0 0;}
.address-form .button-box input{float: left; width: 100px; height: 36px; overflow: hidden; margin: 0 12px 0 0; border: 0 none; -webkit-border-radius: 4px; border-radius: 4px; background: #1499f7; color: #fff; font: normal 14px/36px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1'; text-align: center;}
.address-form .button-box .reset-button{background: #b3b3b3; color: #fff;}
.address-form .address-list .address-card{position: relative; width: 318px; height: 168px; float: left; overflow: hidden; margin: 20px 20px 0 0; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; color: #121212;}
.address-form .address-list .name-bar{height: 24px; overflow: hidden; margin: 18px 0 0; padding: 0 0 0 30px; font-size: 14px; line-height: 24px;}
.address-form .address-list .name-bar span{float: left; margin: 0 20px 0 0;}
.address-form .address-list .name-bar .default-label{color: #999; cursor: pointer;}
.address-form .address-list .address-infor{padding: 7px 10px 0 30px; font-size: 14px; line-height: 24px; word-break: break-all; word-wrap: break-word;}
.address-form .address-list .address-card .address-infor .default-label{padding: 0 10px 0 0; color: #1477f9;}
.address-form .address-list .edit-box{display: none; position: absolute; bottom: 0; left: 0; width: 318px; height: 48px; border-top: 1px solid #e4e4e4; background: #fff;}
.address-form .address-list .edit-box span{float: left; width: 158px; height: 48px; overflow: hidden; border-right: 1px solid #e4e4e4; font-size: 14px; line-height: 48px; text-align: center; cursor: pointer;}
.address-form .address-list .edit-box .delete-button{width: 159px; border: 0 none;}
.address-form .address-list .default-card,.address-form .address-list .default-card:hover{background: #fff;}
.address-form .address-list .hover-card{background: #f1f1f1;}
.address-form .address-list .hover-card .edit-box{display: block;} 
.address-form .address-list .add-address,.address-form .address-list .add-address:hover{background: #fafafa; cursor: pointer;}
.address-form .address-list .add-icon{display: block; width: 28px; height: 28px; overflow: hidden; margin: 53px auto 0; background-position: -50px -230px;}
.address-form .address-list .add-address p{height: 34px; font-size: 14px; line-height: 34px; text-align: center;}
.address-form .address-list .default-card{border-color: #1477f9;}
.address-form .address-list .default-card .duigou-icon{}
.address-form .address-list .duigou-icon{display: none; position: absolute; top: 0; right: 0; width: 19px; height: 19px; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; background-color: #1499f7; background-position: -155px -95px;}
.address-form .address-list .default-card .duigou-icon{display: block;} 
.address-form .select-layerbox .option-items .icon{background-position: -160px -100px;}

/* delivery-time-form */
.delivery-time-form{padding: 25px 0 25px 50px;}
.delivery-time-form li{float: left;}
.delivery-time-form .delivery-label{position: relative; float: left; width: 200px; height: 36px; margin: 0 12px 0 0; padding: 0 14px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; color: #999; font-size: 14px; line-height: 36px; cursor: pointer;}
.delivery-time-form .delivery-label .icon{display: none; position: absolute; top: 0; right: 0; width: 19px; height: 19px; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; background-color: #1499f7; background-position: -155px -95px;}
.delivery-time-form .current .delivery-label{border-color: #1499f7; color: #121212;}
.delivery-time-form .current .delivery-label .icon{display: block;}

.delivery-tips{ padding: 10px 0 25px 50px; font-size: 14px; line-height: 24px;}
.delivery-tips p{ color: #999;}
.delivery-tips a{ color: #1499F8;}
.delivery-tips a span{ margin-left: 5px; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #1499F8; color: #fff; border-radius: 10px; cursor: pointer;}
.delivery-tips a:hover{ text-decoration: underline;}


/* invoice-form */
.invoice-form{padding: 25px 0 0 50px;}
.invoice-form .form-item{font-size: 14px; line-height: 14px; line-height: 30px;}
.invoice-form .form-item .item-title{float: left;}
.invoice-form .delivery-item{padding: 8px 0 0;}
.invoice-form .delivery-item .item-title{margin: 4px 0 0;}
.invoice-form .delivery-item .delivery-time-form{float: left; padding: 0 0 18px;} 
.inovice-box{ float: left; position: relative; height: 38px; display: block; }
.invoice-form .delivery-item .invoice-input{display: block; clear: both; height: 18px; width: 372px; padding: 9px 14px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #e4e4e4; color: #121212; font-size: 14px; line-height: 18px; font-family: 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.invoice-form .delivery-item .invoice-input:focus{border-color: #1477f9; color: #121212; outline: none;}



/* success-pay-box */
.success-pay-box{margin-top: 20px; padding: 0 50px 55px; border: 1px solid #e4e4e4; background: #fff;}
.success-pay-box .success-header{padding: 40px 0 0; line-height: 34px;}
.success-pay-box .success-header .success-title{height: 34px; font: normal 24px/34px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}
.success-pay-box .success-header .cutdown-bar{float: right; padding: 0 0 0 34px; background: url(../Images/main-bg.png) no-repeat -151px -118px; color: #121212; font-size: 14px; line-height: 34px; vertical-align: middle;}
.success-pay-box .success-header .cutdown-bar em{display: inline-block; padding: 0 0 0 14px; color: #1499f7; font: normal 24px/34px arial; vertical-align: middle;}
.success-pay-box .success-infor{margin: 15px 0 0; }
.success-pay-box .success-infor .success-item{position: relative; padding: 0 200px 0 70px; font-size: 14px; line-height: 26px;}
.success-pay-box .success-infor .item-value{font-family: arial;}
.success-pay-box .success-infor .item-title{position: absolute; top: 0; left: 0;}
.success-pay-box .success-infor .pay-item{height: 36px; line-height: 36px;}
.success-pay-box .success-infor .pay-item .price{color: #1499f7; font-size: 24px; line-height: 36px; vertical-align: baseline;}

/* pay-methods */
.pay-methods .pay-item{position: relative; padding: 48px 0 60px 150px; border-bottom: 1px solid #e4e4e4;}
.pay-methods .pay-item .pay-title{position: absolute; top: 73px; left: 50px; color: #121212; font-size: 14px; line-height: 34px;}
.pay-methods .delivery-time-form{padding: 0;}
.pay-methods .pay-item .plat-label{float: left; position: relative; width: 198px; height: 58px; overflow: hidden; margin: 12px 30px 0 0; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; text-align: center;}
.pay-methods .pay-item .plat-label img{position: relative; height: 34px; margin: 12px auto 0; -webkit-border-radius: 2px; border-radius: 2px; vertical-align: top;}
.pay-methods .pay-item .plat-label .icon,.hb-pay-wrap .icon{display: none; position: absolute; top: 0; right: 0; width: 19px; height: 19px; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; background-color: #1499f7; background-position: -155px -95px;}
.pay-methods .pay-item .bank-label{float: left; position: relative; width: 158px; height: 46px; overflow: hidden; margin: 12px 12px 0 0; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4;}
.pay-methods .pay-item .bank-label img{position: relative; width: 144px; height: 34px; margin: 6px 0 0; -webkit-border-radius: 2px; border-radius: 2px; vertical-align: top;}
.pay-methods .pay-item .bank-label .icon{display: none; position: absolute; top: 0; right: 0; width: 19px; height: 19px; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0; background-color: #1499f7; background-position: -155px -95px;}
.pay-methods .pay-item .current{border-color: #1499f7;}
.pay-methods .pay-item .current .icon{display: block;}
.pay-methods-section .total-box{height: 190px; padding: 0 50px; border: 1px solid #e4e4e4; border: 0 none; background: #fff;}
.pay-methods-section .total-box .submit-button-box{float: right; width: 240px; margin: 38px 0 0; text-align: right;}
.pay-methods-section .total-box .submit-button-box p{height: 34px; color: #333; font-size: 14px; line-height: 34px;}
.pay-methods-section .total-box .submit-button-box em{color: #1499f7; font-size: 24px; vertical-align: baseline;}
.pay-methods-section .total-box .buy-button{display: inline-block; width: 180px; height: 50px; overflow: hidden; margin: 10px 0 0; background: #1499f7; -wenkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 18px; text-align: center; line-height: 50px; vertical-align: middle;}
.pay-methods-section .total-box .buy-button:hover{ background-color: #0488e4;text-decoration: none;}
.pay-methods-section .total-box .disabled,.pay-methods-section .total-box .disabled:hover{background-color: #b3b3b3; cursor: default;}
/* section */
.section{margin-top: 20px; border: 1px solid #e4e4e4; background: #fff;}
.section .section-header{height: 48px; padding: 0 50px; border-bottom: 1px solid #e4e4e4; background: #fafafa; line-height: 48px;}
.section .section-header .section-title{font-size: 14px; font-weight: normal;}

/* shopping-cart-section */
.shopping-cart-section .shopping-cart{margin: 0; border: 0 none; border-bottom: 1px solid #e4e4e4;}
.shopping-cart-section .shopping-cart-box .total-box{border: 0 none;}
.shopping-cart-section .shopping-cart th{background: #fff; color: #999; font-size: 12px;}
.shopping-cart-section .shopping-cart td{padding: 50px 0 20px;}
.shopping-cart-section .shopping-cart .cell-1{ padding-top: 20px;}
.shopping-cart-section .shopping-cart .cell-5 .th-inner{padding-right: 37px;}
.shopping-cart-section .shopping-cart .option-bar{padding: 0 26px 0 0;}
.shopping-cart-section .shopping-cart .numbers-bar .number-input{display: block; float: none; margin: 0 auto; border: 0 none;}
.shopping-cart-section .shopping-cart .cell-4{width: 196px;}
.shopping-cart-section .shopping-cart .cell-4 .price{color: #121212;}

/* stores-section */
.stores-section{margin-top: 36px;}
.stores-section .section-header{height: 50px; padding: 0 40px; line-height: 50px;}
.stores-section .saleStore-box .saleStore-header{height: 84px; padding: 0 0 0 50px; border-bottom: 1px solid #e4e4e4; line-height: 84px;}
.stores-section .saleStore-box .location-bar{font-size: 14px; line-height: 84px;}
.stores-section .saleStore-box .location-bar .location-icon{float: left; width: 36px; height: 48px; margin: 18px 20px 0 0; background-position: -90px -230px;}
.stores-section .saleStore-box .location-bar span{float: left; margin: 0 20px 0 0;}
.stores-section .saleStore-box .filter-bar{float: right; width: 615px; margin: 23px 14px 0 0;}
.stores-section .saleStore-box .filter-bar .select{ float: right; margin-right: 20px; z-index: 5;} 
.stores-section .map-box .main-map{float: left; width: 740px; height: 725px; overflow: hidden; border-right: 1px solid #e4e4e4; background: #333; color: #fff;}
.stores-section .map-box .map-stores{height: 725px; overflow: hidden;}
.stores-section .map-box .stores-list{position: relative; width: 357px; height: 725px; overflow-y: scroll; margin: -1px 0 0;}
.stores-section .map-box .stores-list .store-item{border-top: 1px solid #e4e4e4; cursor: pointer;}
.stores-section .map-box .stores-list .store-header{ position: relative; padding: 12px 35px 12px 66px; background: #fafafa;}
.stores-section .map-box .stores-list .store-header .icon{position: absolute; left: 24px; top: 50%; margin-top: -9px; width: 18px; height: 18px; background: url(../Images/select-icon.png) no-repeat;}
.stores-section .map-box .stores-list .current .icon{ background-position: 0 -24px;}
.stores-section .map-box .stores-list .store-title{font-weight: normal; font-size: 14px; line-height: 24px;}
.stores-section .map-box .stores-list .store-infor{padding: 19px 40px 30px 66px; font-size: 12px; line-height: 24px;}

.pay-success-layer{ width: 490px; margin: -165px 0 0 -245px;}
.pay-success-inner{ padding: 60px 83px 68px 80px; font-size: 14px; line-height: 24px;}
.pay-success-inner a{ display: block; margin-top: 9px; color: #1499f7;}

/* address-layer */
.address-layer{width: 682px; margin: -195px 0 0 -341px;}

/* z码购买add by pengmeili 20150722 */
.z-buy-wrap{ margin-top: 36px; padding: 0 0 75px; border: 1px solid #e4e4e4; background-color: #fff;}
.z-buy-wrap .z-buy-head{ padding-left: 35px; border-bottom: 1px solid #e4e4e4; line-height: 60px;}
.z-buy-wrap .z-buy-head h3{ font-size: 18px; font-weight: 400;}
.z-buy-form{ float: left; width: 320px; padding: 42px 0 0 99px;}
.z-buy-form .form-item{ padding-top: 18px;}
.z-buy-form .input-wrap{ float: left; display: block; position: relative; width: 318px; height: 36px; line-height: 36px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px;}
.z-buy-form .input-wrap .error-tip{ display: none; position: absolute; top: 0; right: 13px; color: #f34d32;}
.z-buy-form .input-wrap input{ width: 303px; height: 18px; padding: 9px 0 9px 15px; border: none; background-color: transparent; line-height: 18px; font-size: 14px; float: left; font-family: "microsoft yahei"; outline: none;}
.z-buy-form .error-wrap{ border-color: #f34d32;}
.z-buy-form .error-wrap .error-tip{ display: block;}
.z-buy-form .yzm .input-wrap{ width: 148px;}
.z-buy-form .yzm .input-wrap input{ width: 133px;}
.z-buy-form .yzm .img{ float: left; margin: 2px 0 0 30px; _display: inline;}
.z-buy-form .yzm a{float: right; line-height: 38px; color: #1499f7; text-decoration: underline;}
.z-buy-form .btn,.z-buy-pro-select .btn,.z-service-select .btn{ display: block; margin-top: 36px; width: 180px; height: 50px; border: none; background-color: #1499f7; text-align: center; font: 18px/50px "microsoft yahei"; color: #FFF; border-radius: 3px; cursor: pointer;}
.z-buy-form .btn:hover,.z-buy-pro-select .btn:hover,.z-service-select .btn:hover{background-color: #0488e4; color: #fff; text-decoration: none;}
.z-buy-form .btn:active,.z-buy-pro-select .btn:active,.z-service-select .btn:active{ background-color: #017acf;}

.z-buy-intro{ padding:24px 0 0; float: left; margin-left: 135px; width: 445px; _display: inline;}
.z-buy-intro .inner{ padding-top: 36px; font-size: 14px; line-height: 24px;}
.z-buy-intro .inner strong{ display: block;}
.z-buy-intro .inner p,.z-buy-intro .inner ul{ margin-top: 12px;}
.z-buy-intro .inner li{ position: relative; padding-left: 27px;}
.z-buy-intro .inner li span{ position: absolute; top: 0; left: 0; width: 27px;}

.z-buy-pro-select{ padding: 80px 0 60px 98px;}
.z-buy-select li{ position: relative; padding: 62px 10px 0 176px; height: 127px; width: 222px; background-color: #fff; border: 1px solid #e4e4e4; float: left; margin: 10px 80px 0 0; _display: inline; border-radius: 3px; overflow: hidden;}
.z-buy-select li img{ position: absolute; top: 40px; left: 55px;}
.z-buy-select li p{ font-size: 16px; line-height: 26px;}
.z-buy-select li .price{ display: block; line-height: 32px; font-size: 16px; color: #999;}
.z-buy-select li .icon{ display: none; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background:#1499f7 url(../Images/z-buy.png) no-repeat 7px 10px;}
.z-buy-select .selected{ border-color: #1499f7;}
.z-buy-select .selected .icon{ display: block;}
.z-buy-pro-select .btn{ float: right; margin: 117px 102px 0 0;}

/* 添加z通道购买服务选择 by pengmeili 20150907 */
.z-service-wrap{ padding: 0 100px 60px;}
.z-service-txt{ float: left; width: 407px; margin: 115px 0 0;}
.z-service-txt p{ margin: 12px 0 0; font-size: 14px; line-height: 24px; color: #999;}
.z-service-txt p a{ color: #1499f7;}
.z-service-select{ width: 412px; float: right; padding: 90px 0 0;}
.z-service-select .select-item li{ position: relative; margin: 0 0 32px; width: 410px; border: 1px solid #e4e4e4; background-color: #fff; cursor: pointer; line-height: 90px; font-size: 18px; text-align: center; border-radius: 3px;}
.z-service-select .select-item li .ico{ top: -1px; right: -1px; position: absolute; display: block; width: 20px; height: 20px; background:#1499f7 url(../Images/main-bg.png) no-repeat -155px -94px; border-radius: 0 3px 0 0; display: none;}
.z-service-select .select-item li span{ padding-left: 47px; display: inline-block; background: url(../Images/icon5.png) no-repeat 0 50%;}
.z-service-select .select-item .current{ border-color: #1499f7;}
.z-service-select .select-item .current .ico{ display: block;}
.z-service-select .btn-box .btn{ float: right;}

/* 购物车添加保险 add by pengmeili 20151013 */
.shopping-insurance-box{ position: relative; margin: 25px 0 0 135px; height: 26px; line-height: 26px;}
.shopping-insurance-box .shopping-insurance{ display: block; padding-left: 38px; background: url(../Images/icon7.png) no-repeat; }
.shopping-insurance-box .price{  position: absolute; top: 0; left: 416px; width: 147px; line-height: 26px; text-align: center;}
.shopping-insurance-box .num{ position: absolute; top: 0; left: 563px; width: 114px; text-align: center;}
.shopping-insurance-box .total-price{ left: 677px; width: 150px; text-align: center; color: #1499f7;}
.shopping-insurance-box .delete-btn{ position: absolute; top: 7px; left: 842px;}

/* virtual rules */
.virtual-rules-wrap{ padding: 27px 50px 44px; position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #e4e4e4; margin-top: -1px;}
.virtual-rules{ padding: 15px 0 25px 30px; border: 1px solid #faebca; background-color: #fffcf3; color: #ef7c00; line-height: 24px;}
.virtual-rules h4{ margin-bottom: 9px; font-weight: 700; font-size: 14px;}

/* 春运提示条样式 春节回来可以去掉 */
.cj-tips{ position: relative; margin-top: -35px; padding: 0 50px 20px;}

/* add hua bei pay by pengmeili 20160831*/
.hb-pay-wrap{ display: none; position: relative; margin-top: 40px; margin-left: -100px; padding-top: 40px; height: 162px; background-color: #f1f3f9; width: 999px;}
.hb-pay-wrap li{ position: relative; float: left; margin-left: 70px; padding: 13px 0 0; width: 238px; height: 107px; background-color: #fff; border:1px solid #e4e4e4; _display:inline; cursor: pointer; line-height: 26px; text-align: center;}
.hb-pay-wrap .frequency{ font-size: 18px; height: 26px; overflow: hidden;}
.hb-pay-wrap .frequency strong{ font-weight: bold;}
.hb-pay-wrap .frequency i{ font-style: normal; font-size: 17px;}
.hb-pay-wrap .pay-dis{ height: 26px; overflow: hidden;}
.hb-pay-wrap .pay-dis.free{ color: #1499f7; font-size: 14px;}
.hb-pay-wrap .total{ padding-top: 8px; margin-top: 13px; border-top: 1px solid #e4e4e4; font-size: 14px;}
.hb-pay-wrap .cur{ border-color: #1499f7;}
.hb-pay-wrap .cur .icon{ display: block;}

